<%--
    Document   : createEstablishment
    Created on : 03/03/2011, 18:10:53 PM
    Author     : carlos.perez@consult-soft.com
--%>
<a4j:status id="validatingStatus" onstart="displayLoadingImage();" onstop="hideLoadingImage();" />
<div id="loadingMessage" style="display:none; position:absolute; filter:alpha(opacity=70); opacity:0.7; height:100px; width:100px; z-index:110; background-color: #CCCCCC;;left:0px;" >
    <div  id="innerDiv" style="position:relative ;margin-left:100px; margin-top:100px; padding-top:5px; border: 2px solid A9A9A9; background-color: #CCCCCC; width: 50px; height:40px; position:absolute;"  >
            <h:graphicImage id="loadingimage" value="/images/icon-loading.gif" /><br>
        	<div style="font-weight:bold;float:center;margin-left:30px;margin-top:20px; color:#828B92">Procesando ...</div>
    </div>
</div>
<script type="text/javascript">
<!--
   function displayLoadingImage() {
	document.body.scroll="no";
	var myWidth = 100, myHeight = 100;

        if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
                myWidth = document.body.clientWidth;
                myHeight = document.body.clientHeight + 100;
            }
            var loadingimage = document.getElementById("loadingMessage");
            loadingimage.style.display = "block";
            loadingimage.style.width = myWidth + "px";
            loadingimage.style.height = myHeight + "px";
            loadingimage.style.top = "0px";
    }

    function hideLoadingImage() {
            document.getElementById("loadingMessage").style.display = "none";
            document.body.scroll = "yes";
    }
//-->
</script>
